<%@ page contentType="text/html;charset=UTF-8" %>
<%@ page pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
	<head>
		<title>Fraguion</title>
		<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=PT+Serif">
		<link rel='stylesheet' href='./css/index.css' type='text/css'>
		<script type="text/javascript" src="./js/jquery.js"></script>
		<script type="text/javascript" src="./js/slide.js"></script>
		<script type='text/javascript' src='./js/index.js'></script>
		    <style>
    </style>
	</head>
	<body id="body" align="center">
	<div id="footer_lang">
		<div id="languajes_bar" class="full_fill_box">
			<div id="lang_box">ENG/ES</div>
		</div>
	</div>
	<div id="main_div" >
		
		<div id="menu_bar_div">
			<div id="menu_bar">
				<div id="list_menu_items">
					<div id="web_div" class="menu_item web_btn">WEB</div>
					<div id="identity_div" class="menu_item identity_btn">IDENTIDAD</div>
					<div id="photography_div" class="menu_item photo_btn">FOTOGRAFIA</div>
					<div id="motion_div" class="menu_item motion_btn">MOTION</div>
				</div>
			</div>
			<div id="social_network_div">
				<div id="social_network_title">
					<div id="social_net_main_title">PERFIL</div> 
					<div id="social_net_second_title">CONTACTO</div>
				 </div>
				<div id="social_network_content">
					<div id="facebook_div" class="social_network_item"></div>
					<div id="skype_div" class="social_network_item"></div>
					<div id="youtube_div" class="social_network_item"></div>
					<div id="flicker_div" class="social_network_item"></div>
				</div>
			</div>
		</div>
		<div id="header_div">
			
			<div id="content_title_div">
				<div id="main_title">DISE&Ntilde;ADOR GRAFICO</div>  
				<div id="second_title">DISE&Ntilde;ADOR WEB FREELANCE</div>
			</div>
		</div>
		<div id="content_div">
			

			<div id="slide_div" class="basic_box">
				<div id="prev_div" class="left left-button" rel="1" ></div>
					<div id="slide_content_div" class="simpleSlide-window left" rel="1">
   						 <div id="slide_navi" class="simpleSlide-tray" rel="1" align="center">
	
   						 </div>
					</div>
		
				<div id="next_div" class="left right-button" rel="1"></div>
			</div>

			<div id="last_works">
				<div id="last_works_title">
					<div id="last_works_main_title">ULTIMOS</div>
					<div id="last_works_second_title"> TRABAJOS</div>
					<div id="red_line"></div>
				</div> 
				
				<div id="last_works_content">
					<c:forEach items="${project_list}" var="current_project">
					<div class="works_content">
						<div class="basic_box last_works_box"><img class="jump-to last_works_img" rel="1" src="/projectAvatarService?blobKey=<c:out value="${current_project.webContentPath }" />"/></div>
						<div class="works_title"> 
							<c:out value="${current_project.title}" />
						</div>		
					</div>
					</c:forEach>					

				</div>
				
			</div>
		</div>

		
		<div id="footer_div">
			<div id="signature_div">
				<div id="decription_div">dise&ntilde;o web</div>
				<div id="owner_div">francisco cervellera</div>
			</div>
			<div id="bread_crumb_div">
				<div id="home_div" class="left"> HOME |</div>  
				<div id="profile_div" class="left"> PERFIL |</div>
				<div id="contact_div" class="left"> CONTACTO |</div>
				<div id="links_div" class="left"> LINKS</div> 
			</div>
		</div>
	</div>
	</body>
</html>
